body {  color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; padding-top: 0px; }

.menu { background: #F1F8FC; height: 30px; line-height: 30px; width: 800px; margin: 0 auto 5px auto; border: 1px solid #A2D2EA; text-align: left; }

.menu ul { margin: 0; padding: 0; list-style: none; }

.menu ul li { margin: 0; padding: 0; display: inline; }

.menu li a { color: #333333; font-weight: bold; padding: 0 10px; border-right: 1px solid #A2D2EA; text-transform: uppercase; text-decoration: none; }

.menu li a:hover, .menu li a:active, .menu li a:focus { color: #CC0000; }

.menu li a.active { color: #CC0000; }

.content { background: #F1F8FC; width: 780px; margin: 0 auto 5px auto; border: 1px solid #A2D2EA; text-align: left; padding:10px;}

.content ul { margin: 0; padding: 0; list-style: none; }

.content ul li { margin: 0; padding: 0; display: inline; }

.content li a { color: #333333; font-weight: bold; padding: 0 10px; border-right: 1px solid #A2D2EA; text-transform: uppercase; text-decoration: none; }

.content li a:hover, .content li a:active, .content li a:focus { color: #CC0000; }

.content li a.active { color: #CC0000; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

* html > body .clearfix { display: block; width: 100%; }

* html .clearfix { height: 1%; }
